<div id="page-wrapper">
    <div class="row headline">
        <div class="col-md-12 headline-title">
            <h3>打卡</h3>
        </div>
    </div>
    <div class="row">
        <div  class="col-md-2">
            <div style="float: left;margin-left: 10px;">
            <span style="display:block;margin-bottom: 10px;text-align: center">打卡机</span>
            <select  class="tankuang-punch" >
                <option  value="All" disabled selected style="display: none;">请选择</option>
                <option  value="Published" >打卡机1</option>
                <option  value="Unpublished" >打卡机2</option>
            </select>
            </div>
            <div  class="dakaji">
                <button class="search-content" style="background: #4da1ff;color: #fff;	box-shadow: #84bdff 0px 0px 8px;">链接打卡机</button><br/><br/>
                <button class="search-content" style="background: #4da1ff;color: #fff;	box-shadow: #84bdff 0px 0px 8px;">断开打卡机</button>
            </div>
        </div>
        <div class="col-md-9" >
        <table width="100%" align="center" class="xingming">
            <tbody>
            <tr>
                <td  height="52">学生卡号：</td>
                <td style="text-align:left;">
                    <input type="text" class="form-control" style="background: #fef6f9;border: 1px solid #fce5ee" ng-model="schoolUserName">
                </td>
                <td>
                <button class="search-content" style="background: #4da1ff;color: #fff;	box-shadow: #84bdff 0px 0px 8px;">查询</button>
                </td>
            </tr>
            <tr>
                <td height="52">学员姓名：</td>
                <td style="text-align:left;">
                    <input type="text" class="form-control" style="background:#fffae7;border: 1px solid #FDF3CC;"  ng-model="userSex">
                </td>
                <td>学校：</td>
                <td style="text-align:left;">
                    <input type="text" class="form-control" style="background:#fffae7;border: 1px solid #FDF3CC;"  ng-model="mobilePhone">
                </td>
                <td>手机号：</td>
                <td style="text-align:left;">
                    <input type="text" class="form-control" style="background:#fffae7;border: 1px solid #FDF3CC;"   ng-model="weChat ">
                </td>
            </tr>
            <tr>
                <td height="52">报名日期：</td>
                <td style="text-align:left;">
                    <input type="text" class="form-control" style="background:#fffae7;border: 1px solid #FDF3CC;"  ng-model="weChat ">
                </td>
                <td>年级：</td>
                <td style="text-align:left;">
                    <input type="text" class="form-control" style="background:#fffae7;border: 1px solid #FDF3CC;"  ng-model="weChat ">
                </td>
            </tr>
            </tbody>
        </table>
        </div>
    </div>
    <div class="row" >
        <div class="col-md-12" style="margin-top: 30px;">
            <div class="col-md-4">
                <div class="circular-left" >
                </div>
                <div class="circular-right">
                </div>
                <div class="punch-class">
                    <div class="testswitch">
                        <input class="testswitch-checkbox" id="onoffswitch-one" type="checkbox">
                        <label class="testswitch-label" for="onoffswitch-one">
                            <span class="testswitch-inner" data-on="已签到" data-off="未签到"></span>
                            <span class="testswitch-switch"></span>
                        </label>
                    </div>
                    <div class="punch-nei">
                        <div class="punch-shang">
                            <div class="row punch-shangnei" >
                                <div class="col-md-6 punch-school">
                                    <span>云翔校区</span>
                                </div>
                                <div class="col-md-6 punch-subjectclass">
                                    <span>17春季物化生冲刺班</span>
                                </div>
                            </div>
                        </div>
                        <hr class="punch-xian">
                        <div class="row punch-zhong">
                            <div class="col-md-6 punch-zhongtime">
                                <span>时间</span>
                                <span>9:00-10:00</span>
                            </div>
                            <div class="col-md-6 punch-zhongsubject" >
                                <span>科目</span>
                                <span>化学</span>
                            </div>
                        </div>
                        <div class="row punch-xia">
                            <div class="col-md-6 punch-xiateacher">
                                <span>老师</span>
                                <span>程红军</span>
                            </div>
                            <div class="col-md-6 punch-xiastudent ">
                                <span>学生</span>
                                <span>张三三</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="circular-left" >
                </div>
                <div class="circular-right">
                </div>
                <div class="punch-class">
                    <div class="testswitch">
                        <input class="testswitch-checkbox" id="onoffswitch-two" type="checkbox">
                        <label class="testswitch-label" for="onoffswitch-two">
                            <span class="testswitch-inner" data-on="已签到" data-off="未签到"></span>
                            <span class="testswitch-switch"></span>
                        </label>
                    </div>
                    <div class="punch-nei">
                        <div class="punch-shang">
                            <div class="row punch-shangnei" >
                                <div class="col-md-6 punch-school">
                                    <span>云翔校区</span>
                                </div>
                                <div class="col-md-6 punch-subjectclass">
                                    <span>17春季物化生冲刺班</span>
                                </div>
                            </div>
                        </div>
                        <hr class="punch-xian">
                        <div class="row punch-zhong">
                            <div class="col-md-6 punch-zhongtime">
                                <span>时间</span>
                                <span>9:00-10:00</span>
                            </div>
                            <div class="col-md-6 punch-zhongsubject" >
                                <span>科目</span>
                                <span>化学</span>
                            </div>
                        </div>
                        <div class="row punch-xia">
                            <div class="col-md-6 punch-xiateacher">
                                <span>老师</span>
                                <span>程红军</span>
                            </div>
                            <div class="col-md-6 punch-xiastudent ">
                                <span>学生</span>
                                <span>张三三</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="circular-left" >
                </div>
                <div class="circular-right">
                </div>
                <div class="punch-class">
                    <div class="testswitch">
                        <input class="testswitch-checkbox" id="onoffswitch-three" type="checkbox">
                        <label class="testswitch-label" for="onoffswitch-three">
                            <span class="testswitch-inner" data-on="已签到" data-off="未签到"></span>
                            <span class="testswitch-switch"></span>
                        </label>
                    </div>
                    <div class="punch-nei">
                        <div class="punch-shang">
                            <div class="row punch-shangnei" >
                                <div class="col-md-6 punch-school">
                                    <span>云翔校区</span>
                                </div>
                                <div class="col-md-6 punch-subjectclass">
                                    <span>17春季物化生冲刺班</span>
                                </div>
                            </div>
                        </div>
                        <hr class="punch-xian">
                        <div class="row punch-zhong">
                            <div class="col-md-6 punch-zhongtime">
                                <span>时间</span>
                                <span>9:00-10:00</span>
                            </div>
                            <div class="col-md-6 punch-zhongsubject" >
                                <span>科目</span>
                                <span>化学</span>
                            </div>
                        </div>
                        <div class="row punch-xia">
                            <div class="col-md-6 punch-xiateacher">
                                <span>老师</span>
                                <span>程红军</span>
                            </div>
                            <div class="col-md-6 punch-xiastudent ">
                                <span>学生</span>
                                <span>张三三</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-12" style="margin-top: 30px;">
            <div class="col-md-4">
                <div class="circular-left" >
                </div>
                <div class="circular-right">
                </div>
                <div class="punch-class">
                    <div class="testswitch">
                        <input class="testswitch-checkbox" id="onoffswitch-four" type="checkbox">
                        <label class="testswitch-label" for="onoffswitch-four">
                            <span class="testswitch-inner" data-on="已签到" data-off="未签到"></span>
                            <span class="testswitch-switch"></span>
                        </label>
                    </div>
                    <div class="punch-nei">
                        <div class="punch-shang">
                            <div class="row punch-shangnei" >
                                <div class="col-md-6 punch-school">
                                    <span>云翔校区</span>
                                </div>
                                <div class="col-md-6 punch-subjectclass">
                                    <span>17春季物化生冲刺班</span>
                                </div>
                            </div>
                        </div>
                        <hr class="punch-xian">
                        <div class="row punch-zhong">
                            <div class="col-md-6 punch-zhongtime">
                                <span>时间</span>
                                <span>9:00-10:00</span>
                            </div>
                            <div class="col-md-6 punch-zhongsubject" >
                                <span>科目</span>
                                <span>化学</span>
                            </div>
                        </div>
                        <div class="row punch-xia">
                            <div class="col-md-6 punch-xiateacher">
                                <span>老师</span>
                                <span>程红军</span>
                            </div>
                            <div class="col-md-6 punch-xiastudent ">
                                <span>学生</span>
                                <span>张三三</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="circular-left" >
                </div>
                <div class="circular-right">
                </div>
                <div class="punch-class">
                    <div class="testswitch">
                        <input class="testswitch-checkbox" id="onoffswitch-five" type="checkbox">
                        <label class="testswitch-label" for="onoffswitch-five">
                            <span class="testswitch-inner" data-on="已签到" data-off="未签到"></span>
                            <span class="testswitch-switch"></span>
                        </label>
                    </div>
                    <div class="punch-nei">
                        <div class="punch-shang">
                            <div class="row punch-shangnei" >
                                <div class="col-md-6 punch-school">
                                    <span>云翔校区</span>
                                </div>
                                <div class="col-md-6 punch-subjectclass">
                                    <span>17春季物化生冲刺班</span>
                                </div>
                            </div>
                        </div>
                        <hr class="punch-xian">
                        <div class="row punch-zhong">
                            <div class="col-md-6 punch-zhongtime">
                                <span>时间</span>
                                <span>9:00-10:00</span>
                            </div>
                            <div class="col-md-6 punch-zhongsubject" >
                                <span>科目</span>
                                <span>化学</span>
                            </div>
                        </div>
                        <div class="row punch-xia">
                            <div class="col-md-6 punch-xiateacher">
                                <span>老师</span>
                                <span>程红军</span>
                            </div>
                            <div class="col-md-6 punch-xiastudent ">
                                <span>学生</span>
                                <span>张三三</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="circular-left" >
                </div>
                <div class="circular-right">
                </div>
                <div class="punch-class">
                    <div class="testswitch">
                        <input class="testswitch-checkbox" id="onoffswitch" type="checkbox">
                        <label class="testswitch-label" for="onoffswitch">
                            <span class="testswitch-inner" data-on="已签到" data-off="未签到"></span>
                            <span class="testswitch-switch"></span>
                        </label>
                    </div>
                    <div class="punch-nei">
                        <div class="punch-shang">
                            <div class="row punch-shangnei" >
                                <div class="col-md-6 punch-school">
                                    <span>云翔校区</span>
                                </div>
                                <div class="col-md-6 punch-subjectclass">
                                    <span>17春季物化生冲刺班</span>
                                </div>
                            </div>
                        </div>
                        <hr class="punch-xian">
                        <div class="row punch-zhong">
                            <div class="col-md-6 punch-zhongtime">
                                <span>时间</span>
                                <span>9:00-10:00</span>
                            </div>
                            <div class="col-md-6 punch-zhongsubject" >
                                <span>科目</span>
                                <span>化学</span>
                            </div>
                        </div>
                        <div class="row punch-xia">
                            <div class="col-md-6 punch-xiateacher">
                                <span>老师</span>
                                <span>程红军</span>
                            </div>
                            <div class="col-md-6 punch-xiastudent ">
                                <span>学生</span>
                                <span>张三三</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- /. PAGE INNER  -->